<template>
  <div class="box">
    <van-nav-bar title="系统消息" left-arrow @click-left="onClickLeft" />
    <div class="xxlb">
      <p style="margin: 10px">有新版本更新啦！</p>
      <p style="float: right; margin: 0px 10px 0px 10px">2019年3月10日 17:21</p>
    </div>
    <div class="xxlb">
      <p style="margin: 10px 11px 12px 13px">发现您刚刚修改过登录密码,请妥善保管您的新密码!</p>
      <p style="float: right; margin: 0px 10px 0px 10px">2019年2月20日 10:17</p>
    </div>
    <div class="xxlb">
      <p style="margin: 7px 11px 0px 13px">感谢您这册维度账号，小维希望您使用我们的产品能够快乐!</p>
      <p style="float: right; margin: 0px 10px 0px 10px">2019年2月18日 14:20</p>
    </div>
  </div>
</template>


<script>
export default {
  setup() {
    const onClickLeft = () => history.back()
    return {
      onClickLeft
    }
  }
}
</script>
<style scoped>
.box {
  background-color: white;
}
/* 修改左侧箭头颜色（如果存在的话，注意类名可能不同） */
::v-deep.van-nav-bar .van-icon {
  color: black;
}
.xxlb {
  width: 90%;
  height: 60px;
  border: 1px solid #ccc;
  margin: 10px 18px;
  font-size: 13px;
}
</style>